<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-nested" prefix="nested" %>
<%@ page import="net.lwf.handler.util.ImageHtml"%>
<html>
   <head>
	   <script>
		  function processDisplay(action) {
     		document.getElementById("introblock").innerHTML = '';
     		document.getElementById("displayblock").innerHTML = '';
		    var url = '/lwf/shape.do?action=';
		    if(action == 'next') {
		       url = url + 'shownext';
		    }
		    else if(action == 'previous') {
		       url = url + 'showprevious';
		    }
		    else {
		       url = url + 'newdisplay';
		    }
		    
	        retrieveURL(url, 'displayblock');
		  }
      </script>
   </head>
   <html:form action="/shape" >
   
   <table border="0" align="center" width="75%" bordercolor="red"> 
       <tr>
           <td align="center">
              <table width="100%" border="0">
                 <tr>
                    <td>
		               <span id="introblock">
		                   <%=ImageHtml.getStartButton("processDisplay('newdisplay')")%>
		               </span>
                    </td>
                 </tr>
              </table>
           </td>
       </tr> 
       <tr>
           <td><hr></td>
       </tr> 
       <tr>
           <td>
               <table border="0" width="100%">
                  <tr>
                      <td align="center">
                         <span id="displayblock"></span>
                      </td>
                  </tr>                  
               </table>
           </td>
       </tr> 
   </table>  
   </html:form>
</html>